<%--
  Created by IntelliJ IDEA.
  User: Wang Ziming
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>队伍</title>
</head>
<body>
    <%--包含文件头--%>
    <%@include file="../parts/head.jsp"%>
    <%--&lt;%&ndash;标题，指明应用内容&ndash;%&gt;
    <h2 class="content-name" style="font-family: STSong"><b>Group Travel</b></h2>--%>
    <p class="content-name">
        <b style="font-family: STSong">Group Travel</b>
        <span id="announceContent" style="color: red; float: right;margin-right: 10%;">公告：${applicationScope.announceContent}</span>
    </p>
    <%--打印队伍信息：打印所有的--%>
    <table width="100%" align="center">
        <thead>
            <tr>
                <th>出游地</th>
                <th>人数</th>
                <th><u>队伍名</u></th>
            </tr>
        </thead>
        <tbody align="center">
            <%--尝试通过c:forEach来打印队伍消息--%>
            <%--
                1.如果遍历的是List这种Java中的容器，不用指定begin和end
                    这里不涉及到暂存项，问题不大
            --%>
            <c:forEach items="${groups}" var="group">
                <tr>
                    <td>${group.destinations}</td>
                    <td>${group.numOfPeople}</td>
                    <td>
                        <%--点击的时候，将groupId发送过去，类型是Integer--%>
                        <a href="/group/concreteGroup?groupId=${group.groupId}">
                            ${group.groupName}
                        </a>
                    </td>
                </tr>
            </c:forEach>
        </tbody>
    </table>

    <%--创建队伍的标签--%>
    <c:if test="${!empty user}">
        <a href="/group/createGroup" id="createGroup">创建队伍</a>
    </c:if>
</body>

<%--引入css--%>
<link type="text/css" rel="stylesheet" href="/css/index.css">
<style>
    #createGroup{
        /*修改整体位置*/
        float: right;
        margin-right: 8%;
    }
</style>
<%--script语句--%>

</html>
